<script setup>
    import MyDialog from './component/MyDialog1.vue';
</script>
  
<template>
    <!-- <MyDialog></MyDialog> -->
    <MyDialog>
      <template #header>
        <h3>友好提示</h3>
      </template>
      <template #default>请输入正确的手机号</template>
      <template #footer>
        <button>取消</button>
        <button>提交</button>
      </template>
    </MyDialog>
</template>
  
<style>
    .dialog-footer button {
    width: 65px;
    height: 35px;
    background-color: #ffffff;
    border: 1px solid #e1e3e9;
    cursor: pointer;
    outline: none;
    margin-left: 10px;
    border-radius: 3px;
  }

  .dialog-footer button:last-child {
    background-color: #007acc;
    color: #fff;
  }
</style>